<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="generator" content="pandoc">
  <meta name="description" content="Markdown Slides [ES]" />
  <meta name="author" content="Adolfo Sanz De Diego">
  <title>Markdown Slides [ES]</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  <link rel="stylesheet" href="../lib/reveal.js//css/reveal.css">
  <link rel="stylesheet" href="../lib/reveal.js-menu//menu.css">
  <link rel="stylesheet" href="../lib/reveal.js-title-footer//plugin/title-footer.css">
  <style type="text/css">code{white-space: pre; background-color: lightgrey;}</style>
  <style type="text/css">
div.sourceCode { overflow-x: auto; }
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode {
  margin: 0; padding: 0; vertical-align: baseline; border: none; }
table.sourceCode { width: 100%; line-height: 100%; }
td.lineNumbers { text-align: right; padding-right: 4px; padding-left: 4px; color: #aaaaaa; border-right: 1px solid #aaaaaa; }
td.sourceCode { padding-left: 5px; }
code > span.kw { color: #007020; font-weight: bold; } /* Keyword */
code > span.dt { color: #902000; } /* DataType */
code > span.dv { color: #40a070; } /* DecVal */
code > span.bn { color: #40a070; } /* BaseN */
code > span.fl { color: #40a070; } /* Float */
code > span.ch { color: #4070a0; } /* Char */
code > span.st { color: #4070a0; } /* String */
code > span.co { color: #60a0b0; font-style: italic; } /* Comment */
code > span.ot { color: #007020; } /* Other */
code > span.al { color: #ff0000; font-weight: bold; } /* Alert */
code > span.fu { color: #06287e; } /* Function */
code > span.er { color: #ff0000; font-weight: bold; } /* Error */
code > span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
code > span.cn { color: #880000; } /* Constant */
code > span.sc { color: #4070a0; } /* SpecialChar */
code > span.vs { color: #4070a0; } /* VerbatimString */
code > span.ss { color: #bb6688; } /* SpecialString */
code > span.im { } /* Import */
code > span.va { color: #19177c; } /* Variable */
code > span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code > span.op { color: #666666; } /* Operator */
code > span.bu { } /* BuiltIn */
code > span.ex { } /* Extension */
code > span.pp { color: #bc7a00; } /* Preprocessor */
code > span.at { color: #7d9029; } /* Attribute */
code > span.do { color: #ba2121; font-style: italic; } /* Documentation */
code > span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code > span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code > span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
  </style>
  <link rel="stylesheet" href="../lib/reveal.js//css/theme/beige.css" id="theme">
  <!-- Printing and PDF exports -->
  <script>
    var link = document.createElement( 'link' );
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = window.location.search.match( /print-pdf/gi ) ? '../lib/reveal.js//css/print/pdf.css' : '../lib/reveal.js//css/print/paper.css';
    document.getElementsByTagName( 'head' )[0].appendChild( link );
  </script>

  <style type="text/css">
    body {
      background: white !important;
      background-color: white !important;
    }
    code{
      white-space: pre;
    }
    .reveal pre code {
      background: rgba(255, 255, 255, 0.7);
      color: rgba(0, 0, 0, 0.7);
    }
    .reveal section img {
      margin: 0px;
      padding: 0px;
      background: rgba(255, 255, 255, 0.9);
      border: 0px;
    }
    strong {
      color: #777
    }
    a:hover {
      text-decoration: underline !important;
    }
    h1.title {
      font-size: 200% !important;
    }
    h1 {
      font-size: 200% !important;
    }
    h2 {
      font-size: 150% !important;
    }
    h3 {
      font-size: 100% !important;
    }
    @media print {
      #only-print-parent { display: table !important; }
      #only-print-child { display: table-cell !important; vertical-align: middle;}
      h1.title { font-size: 300% !important;}
      h1 { font-size: 300% !important; }
      h2 { font-size: 200% !important; }
      h3 { font-size: 150% !important; }
    }
    footer p {
      font-size: 75% !important;
      text-align: center;
    }
    footer {
      position: absolute;
      bottom: 0%;
      width: 100%;
    }
  </style>
  <!--[if lt IE 9]>
  <script src="../lib/reveal.js//lib/js/html5shiv.js"></script>
  <![endif]-->
</head>
<body>
  <div class="reveal">
    <div class="slides">

<section class="only-print-parent">
    <div class="only-print-child">
      <h1 class="title">Markdown Slides [ES]</h2>
      <h2 class="author">Adolfo Sanz De Diego</h2>
      <h3 class="date">Septiembre 2019</h3>
    </div>
</section>

<section><section id="acerca-de" class="titleslide slide level1"><h1><span class="header-section-number">1</span> Acerca de</h1></section><section id="qué-es-esto" class="slide level2">
<h2><span class="header-section-number">1.1</span> ¿Qué es esto?</h2>
<p><strong>MarkdownSlides</strong> es un generador de <strong>slides</strong> Reveal.js y PDF a <strong>partir de ficheros MARKDOWN</strong>, que también genera documentos HTML, EPUB y DOCX.</p>
<p>La idea es que <strong>a partir de un mismo fichero MARKDOWN podamos obtener slides y libros</strong> sin preocuparnos por el estilo, solo por el contenido.</p>
</section><section class="slide level2">

<figure>
<img src="../img/markdownslides.png" text-align="center" style="width:80.0%" />
</figure>
</section><section id="ejemplos" class="slide level2">
<h2><span class="header-section-number">1.3</span> Ejemplos</h2>
<p>A partir de un fichero <a href="https://raw.github.com/asanzdiego/markdownslides/master/doc/md/leeme.md">MARKDOWN</a> genera:</p>
<ul>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/leeme-reveal-slides.html">reveal-slides</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/leeme-reveal-slides.pdf">reveal-slides-pdf</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/leeme-book.epub">epub-book</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/leeme-book.html">html-book</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/leeme-book.docx">docx-book</a></li>
</ul>
</section><section id="colaboradores" class="slide level2">
<h2><span class="header-section-number">1.4</span> Colaboradores</h2>
<ul>
<li>Cesar Seoane: <a href="https://github.com/cesarseoane" class="uri">https://github.com/cesarseoane</a></li>
<li>Rubén Gómez García: <a href="https://github.com/kaneproject" class="uri">https://github.com/kaneproject</a></li>
<li>Raul Jimenez Ortega: <a href="https://github.com/hhkaos" class="uri">https://github.com/hhkaos</a></li>
</ul>
</section><section id="licencia" class="slide level2">
<h2><span class="header-section-number">1.5</span> Licencia</h2>
<ul>
<li class="fragment"><strong>Este obra está bajo una licencia:</strong>
<ul>
<li class="fragment"><a href="http://creativecommons.org/licenses/by-sa/3.0/es/">Creative Commons Reconocimiento-CompartirIgual 3.0</a></li>
</ul></li>
<li class="fragment"><strong>El código fuente de los programas están bajo una licencia:</strong>
<ul>
<li class="fragment"><a href="http://www.viti.es/gnu/licenses/gpl.html">GPL 3.0</a></li>
</ul></li>
</ul>
</section></section>
<section><section id="instalación" class="titleslide slide level1"><h1><span class="header-section-number">2</span> Instalación</h1></section><section id="dependencias" class="slide level2">
<h2><span class="header-section-number">2.1</span> Dependencias</h2>
<ul>
<li>Necesita ser instalado:
<ul>
<li><a href="http://johnmacfarlane.net/pandoc/">Pandoc</a></li>
<li><a href="https://github.com/astefanutti/decktape">DeckTape</a></li>
</ul></li>
<li>Descargado automáticamente:
<ul>
<li><a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a></li>
</ul></li>
</ul>
</section><section id="requisitos" class="slide level2">
<h2><span class="header-section-number">2.2</span> Requisitos</h2>
<p>Por ahora, solo funciona en Linux (y puede que en MacOS).</p>
<p>Puede funcionar con Docker, pero todavía está en pruebas.</p>
</section><section id="descarga" class="slide level2">
<h2><span class="header-section-number">2.3</span> Descarga</h2>
<p><a href="https://github.com/asanzdiego/markdownslides/archive/master.zip">github.com/asanzdiego/markdownslides/archive/master.zip</a></p>
</section><section id="docker" class="slide level2">
<h2><span class="header-section-number">2.4</span> Docker</h2>
<p>Su instalación con docker está todavía <strong>en pruebas</strong>.</p>
<p>Cualquier feedback es bienvenido.</p>
</section><section id="construir-la-imagen" class="slide level2">
<h2><span class="header-section-number">2.5</span> Construir la imagen</h2>
<p>Estará en Dockerhub pronto:</p>
<pre><code>$ docker build -t asanzdiego/markdownslides .</code></pre>
</section><section id="lanzar-el-contenedor" class="slide level2">
<h2><span class="header-section-number">2.6</span> Lanzar el contenedor</h2>
<p>Lanzamos el contenedor con la configuración <strong>min</strong></p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides</code></pre>
<p>Cambiando a configuración <strong>med</strong></p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides ./build.sh med doc</code></pre>
<p>Cambiando a configuración <strong>max</strong></p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides ./build.sh max doc</code></pre>
</section></section>
<section><section id="manejo" class="titleslide slide level1"><h1><span class="header-section-number">3</span> Manejo</h1></section><section id="creación" class="slide level2">
<h2><span class="header-section-number">3.1</span> Creación</h2>
<p>Primero <strong>copia la carpeta doc y renombrala a tu gusto</strong>. Esto no es necesario pero te ayuda a organizar tus documentos.</p>
<p><strong>Crea los ficheros md</strong> que quieras generar en la <strong>carpeta md</strong>. Los ficheros md son ficheros <a href="http://es.wikipedia.org/wiki/Markdown">Markdown</a>, que no son nada más que ficheros de texto plano, con extensión md, y con un marcado ligero (que hay que conocer pero que es muy sencillo).</p>
</section><section id="notas" class="slide level2">
<h2><span class="header-section-number">3.2</span> Notas</h2>
<p>Puedes añadir notas que serán visibles en modo libro o si <strong>pulsas la letra 's' en las slides</strong> mediante <strong><span class="citation" data-cites="start-notes">@start-notes</span></strong> y <strong><span class="citation" data-cites="end-notes">@end-notes</span></strong>.</p>
<pre><code>&lt;aside class=&quot;notes&quot;&gt;
Esto solo es visible en modo libro o si pulsas &#39;s&#39; en las slides.
&lt;/aside&gt; </code></pre>
<aside class="notes">
Esto solo es visible en modo libro o si pulsas 's' en las slides.
</aside>
</section><section id="niveles" class="slide level2">
<h2><span class="header-section-number">3.3</span> Niveles</h2>
<p>Puedes tener tantos niveles como quieras. Ejemplo:</p>
<pre><code># Nivel 1 (en slides y libro)

## Nivel 2 (en slides y libro)

## Nivel 3 (en libro pero se queda como nivel 2 en slides) </code></pre>
<p>Pero sólo en los libros. En las slides solo puedes tener 2 niveles.</p>
</section><section id="numeración" class="slide level2">
<h2><span class="header-section-number">3.4</span> Numeración</h2>
<p>Puedes nombrar igual varias slides con (I), (II), etc. pero luego solo el primero será exportado al libro. Ejemplo:</p>
<pre><code>## Foo Bar (I)

## Foo Bar (II)</code></pre>
<p>En el libro quedará:</p>
<pre><code>## Foo Bar</code></pre>
</section><section id="configuración-i" class="slide level2">
<h2><span class="header-section-number">3.5</span> Configuración (I)</h2>
<p>Podemos configurar los ficheros que queremos generar desde el fichero <strong>build.properties</strong></p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="co">#GENERATION_MODE=&#39;min|med|max&#39;</span>
<span class="va">DEFAULT_GENERATION_MODE=</span><span class="st">&#39;min&#39;</span>

<span class="va">BUILD_REVEAL_SLIDES=</span><span class="st">&#39;min&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_PDF=</span><span class="st">&#39;med&#39;</span>

<span class="va">BUILD_HTML_BOOK=</span><span class="st">&#39;max&#39;</span>
<span class="va">BUILD_DOCX_BOOK=</span><span class="st">&#39;max&#39;</span>
<span class="va">BUILD_EPUB_BOOK=</span><span class="st">&#39;max&#39;</span></code></pre></div>
</section><section id="configuración-ii" class="slide level2">
<h2><span class="header-section-number">3.6</span> Configuración (II)</h2>
<p>Podemos configurar también algunas cosas más desde el fichero <strong>build.properties</strong></p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="va">CLEAN_LIB_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">COPY_IMG_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">ZIP_EXPORT_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">NUMBER_SECTIONS=</span><span class="st">&#39;yes&#39;</span>
<span class="va">NUMBER_OFFSET=</span><span class="st">&#39;no&#39;</span>
<span class="va">CURRENT_NUMBER_OFFSET=</span>1
<span class="va">REMOVE_MD_TO_BOOK=</span><span class="st">&#39;yes&#39;</span>
<span class="va">REMOVE_MD_TO_SLIDES=</span><span class="st">&#39;yes&#39;</span></code></pre></div>
</section><section id="configuración-iii" class="slide level2">
<h2><span class="header-section-number">3.7</span> Configuración (III)</h2>
<p>Podemos configurar también algunas cosas más sobre reveal.js desde el fichero <strong>build.properties</strong></p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="co">#THEME=&#39;black|white|league|sky|beige|simple|serif|blood|night|moon|solarized&#39;</span>
<span class="va">REVEAL_JS_THEME=</span><span class="st">&#39;beige&#39;</span>
<span class="va">REVEAL_JS_SHOW_TITLE_FOOTER=</span><span class="st">&#39;yes&#39;</span>
<span class="va">REVEAL_JS_DEFAULT_TITLE_FOOTER=</span><span class="st">&#39;yes&#39;</span>
<span class="va">REVEAL_JS_TITLE_FOOTER=</span><span class="st">&quot;&#39;MarkdownSlides by @asanzdiego :-)&#39;&quot;</span>
<span class="va">REVEAL_JS_URL=</span><span class="st">&#39;../lib/reveal.js/&#39;</span>
<span class="va">REVEAL_JS_MENU_URL=</span><span class="st">&#39;../lib/reveal.js-menu/&#39;</span>
<span class="va">REVEAL_JS_TITLE_FOOTER_URL=</span><span class="st">&#39;../lib/reveal.js-title-footer/&#39;</span></code></pre></div>
</section><section id="generación" class="slide level2">
<h2><span class="header-section-number">3.8</span> Generación</h2>
<p>Hay que posicionarse en la carpeta raiz, y ejecutar:</p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="ex">./build.sh</span> [clean] [modo] [carpeta]</code></pre></div>
<ul>
<li><p>[<strong>clean</strong>] limpia la carpeta <strong>lib</strong> y vuelve a a bajar las dependencias.</p></li>
<li><p>[<strong>modo</strong>] puede tomar los valores: <strong>min, med o máx</strong>.</p></li>
<li><p>[<strong>carpeta</strong>] donde va a buscar los ficheros md. Si no se indica nada convertirá todos los ficheros md de todas las carpetas.</p></li>
</ul>
</section></section>
<section><section id="releases-notes" class="titleslide slide level1"><h1><span class="header-section-number">4</span> Releases notes</h1></section><section id="relese-1.0-i" class="slide level2">
<h2><span class="header-section-number">4.1</span> Relese 1.0 (I)</h2>
<ul>
<li><p>Exporta slides a:</p>
<ul>
<li>reveal-slides</li>
<li>reveal-slides-pdf</li>
<li>beamer-slides</li>
<li>deck-slides</li>
</ul></li>
</ul>
</section><section id="relese-1.0-ii" class="slide level2">
<h2><span class="header-section-number">4.2</span> Relese 1.0 (II)</h2>
<ul>
<li><p>Exporta books a:</p>
<ul>
<li>html-book</li>
<li>docx-book</li>
<li>odt-book</li>
<li>pdf-book</li>
</ul></li>
</ul>
</section><section id="relese-1.0-iii" class="slide level2">
<h2><span class="header-section-number">4.3</span> Relese 1.0 (III)</h2>
<ul>
<li>Añadidos los modos de generación 'min', 'med' y 'max'.</li>
<li>Descarga automática de librerías externas.</li>
<li>Numeración (I), (II), (III)...</li>
</ul>
</section><section id="relese-2.0-i" class="slide level2">
<h2><span class="header-section-number">4.4</span> Relese 2.0 (I)</h2>
<ul>
<li><p>Exporta slides a:</p>
<ul>
<li>reveal-slides</li>
<li>reveal-slides-pdf</li>
<li>reveal-slides-online</li>
</ul></li>
</ul>
</section><section id="relese-2.0-ii" class="slide level2">
<h2><span class="header-section-number">4.5</span> Relese 2.0 (II)</h2>
<ul>
<li><p>Exporta books a:</p>
<ul>
<li>html-book</li>
<li>docx-book</li>
<li>epub-book</li>
</ul></li>
</ul>
</section><section id="relese-2.0-iii" class="slide level2">
<h2><span class="header-section-number">4.6</span> Relese 2.0 (III)</h2>
<ul>
<li><p>Deprecated:</p>
<ul>
<li>beamer-slides</li>
<li>deck-slides</li>
<li>odt-book</li>
<li>pdf-book</li>
</ul></li>
</ul>
</section><section id="relese-2.0-iii-1" class="slide level2">
<h2><span class="header-section-number">4.7</span> Relese 2.0 (III)</h2>
<ul>
<li>Añadido menú gracias a <a href="https://github.com/hhkaos">Raúl Jimenez Ortega</a></li>
<li>Añadido dockerfile gracías a <a href="https://github.com/kaneproject">Rubén Gómez García</a></li>
<li>Limpieza de ficheros zip de las librerías gracias a <a href="https://github.com/cesarseoane">Cesar Seoane</a></li>
<li>Añadido tipo 'online' gracias a <a href="https://github.com/cesarseoane">Cesar Seoane</a></li>
<li>Arreglado fallo imágenes HTTPS gracias a <a href="https://github.com/cesarseoane">Cesar Seoane</a></li>
<li>Carga de librerias 'online' por HTTPS gracias a <a href="https://github.com/cesarseoane">Cesar Seoane</a></li>
<li>Configuración resolución PDF gracias a <a href="https://github.com/cesarseoane">Cesar Seoane</a></li>
</ul>
</section><section id="relese-2.0-iv" class="slide level2">
<h2><span class="header-section-number">4.8</span> Relese 2.0 (IV)</h2>
<ul>
<li>Nuevo formato 'epub'.</li>
<li>Añadido 'bash strict mode'.</li>
<li>Añadido 'build.properties' para configurar la generación de ficheros.</li>
<li>Añadido comando 'clean' para limpiar la carpeta lib.</li>
<li>Descarga de una versión concreta de librería externa.</li>
<li>Añadidas notas solo visibles en modo libro o si pulsas 's' en las slides.</li>
<li>Normalización de imágenes en slides.</li>
</ul>
</section><section id="relese-3.0" class="slide level2">
<h2><span class="header-section-number">4.9</span> Relese 3.0</h2>
<ul>
<li>Limpieza de código.</li>
<li>Eliminada la exportación de archivos &quot;deprecated&quot;.</li>
<li>Mejora de la configuración en el fichero build.properties.</li>
<li>Actualización de las dependencias de <a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a>.</li>
<li>Exportación a PDF con <a href="https://github.com/astefanutti/decktape">DeckTape</a>.</li>
</ul>
</section></section>
<section><section id="autor" class="titleslide slide level1"><h1><span class="header-section-number">5</span> Autor</h1></section><section id="adolfo-sanz-de-diego" class="slide level2">
<h2><span class="header-section-number">5.1</span> Adolfo Sanz De Diego</h2>
<ul>
<li><p>Empecé <strong>desarrollando aplicaciones web</strong>, hasta que di el salto a la docencia.</p></li>
<li><p>Actualmente soy <strong>Asesor Técnico Docente</strong> en el servicio TIC de la D.G de Infraestructuras y Servicios de la Consejería de Educación, Juventud y Deporte de la Comunidad de Madrid.</p></li>
<li><p>Además colaboro como <strong>formador especializado en tecnologías de desarrollo</strong>.</p></li>
</ul>
</section><section id="algunos-proyectos" class="slide level2">
<h2><span class="header-section-number">5.2</span> Algunos proyectos</h2>
<ul>
<li><p><img src="../img/hackathon-lovers-logo.png" alt="Hackathon Lovers" height="30" /> <a href="http://hackathonlovers.com">Hackathon Lovers</a>: un grupo creado para emprendedores y desarrolladores amantes de los hackathones.</p></li>
<li><p><a href="http://pasmangen.github.io">Password Manager Generator</a>: un gestor de contraseñas online.</p></li>
<li><p><a href="https://github.com/asanzdiego/markdownslides">MarkdownSlides</a>: un script para crear slides a partir de ficheros MD.</p></li>
</ul>
</section><section id="donde-encontrarme" class="slide level2">
<h2><span class="header-section-number">5.3</span> ¿Donde encontrarme?</h2>
<ul>
<li><p>Mi nick: <strong>asanzdiego</strong></p>
<ul>
<li>Blog: <a href="http://asanzdiego.com">asanzdiego.com</a></li>
<li>GitHub: <a href="http://github.com/asanzdiego">github.com/asanzdiego</a></li>
<li>Twitter: <a href="http://twitter.com/asanzdiego">twitter.com/asanzdiego</a></li>
<li>LinkedIn: <a href="http://www.linkedin.com/in/asanzdiego">linkedin.com/in/asanzdiego</a></li>
<li>SlideShare: <a href="http://www.slideshare.net/asanzdiego">slideshare.net/asanzdiego</a></li>
</ul></li>
</ul>
</section></section>
    </div>
  </div>

  <script src="../lib/reveal.js//lib/js/head.min.js"></script>
  <script src="../lib/reveal.js//js/reveal.js"></script>

  <script>

      // Full list of configuration options available at:
      // https://github.com/hakimel/reveal.js#configuration
      Reveal.initialize({
        pdfMaxPagesPerSlide: 1,
        // Transition style
        transition: 'fade', // none/fade/slide/convex/concave/zoom
        // The "normal" size of the presentation, aspect ratio will be preserved
        // when the presentation is scaled to fit different resolutions. Can be
        // specified using percentage units.
        width: 1280,
        height: 720,
        // Factor of the display size that should remain empty around the content
        margin: 0.1,
        // Bounds for smallest/largest possible scale to apply to content
        minScale: 0.9,
        maxScale: 1.1,

        menu: {
            // Specifies which side of the presentation the menu will
            // be shown. Use 'left' or 'right'.
            side: 'left',

            // Add slide numbers to the titles in the slide list.
            // Use 'true' or format string (same as reveal.js slide numbers)
            numbers: false,

            // Specifies which slide elements will be used for generating
            // the slide titles in the menu. The default selects the first
            // heading element found in the slide, but you can specify any
            // valid css selector and the text from the first matching
            // element will be used.
            // Note: that a section data-menu-title attribute or an element
            // with a menu-title class will take precedence over this option
            titleSelector: 'h1, h2, h3, h4, h5, h6',

            // Hide slides from the menu that do not have a title.
            // Set to 'true' to only list slides with titles.
            hideMissingTitles: false,

            // Add markers to the slide titles to indicate the
            // progress through the presentation
            markers: false,

            // Specify custom panels to be included in the menu, by
            // providing an array of objects with 'title', 'icon'
            // properties, and either a 'src' or 'content' property.
            custom: false,

            // Specifies the themes that will be available in the themes
            // menu panel. Set to 'false' to hide themes panel.
            themes: [
                { name: 'Black', theme: '../lib/reveal.js//css/theme/black.css' },
                { name: 'White', theme: '../lib/reveal.js//css/theme/white.css' },
                { name: 'League', theme: '../lib/reveal.js//css/theme/league.css' },
                { name: 'Sky', theme: '../lib/reveal.js//css/theme/sky.css' },
                { name: 'Beige', theme: '../lib/reveal.js//css/theme/beige.css' },
                { name: 'Simple', theme: '../lib/reveal.js//css/theme/simple.css' },
                { name: 'Serif', theme: '../lib/reveal.js//css/theme/serif.css' },
                { name: 'Blood', theme: '../lib/reveal.js//css/theme/blood.css' },
                { name: 'Night', theme: '../lib/reveal.js//css/theme/night.css' },
                { name: 'Moon', theme: '../lib/reveal.js//css/theme/moon.css' },
                { name: 'Solarized', theme: '../lib/reveal.js//css/theme/solarized.css' }
            ],

            // Specifies if the transitions menu panel will be shown.
            transitions: true,

            // Adds a menu button to the slides to open the menu panel.
            // Set to 'false' to hide the button.
            openButton: true,

            // If 'true' allows the slide number in the presentation to
            // open the menu panel. The reveal.js slideNumber option must
            // be displayed for this to take effect
            openSlideNumber: false,

            // If true allows the user to open and navigate the menu using
            // the keyboard. Standard keyboard interaction with reveal
            // will be disabled while the menu is open.
            keyboard: true
        },

        // Optional reveal.js plugins
        dependencies: [
          { src: '../lib/reveal.js//lib/js/classList.js', condition: function() { return !document.body.classList; } },
          { src: '../lib/reveal.js//plugin/zoom-js/zoom.js', async: true },
          { src: '../lib/reveal.js//plugin/notes/notes.js', async: true },
          { src: '../lib/reveal.js-title-footer//plugin/title-footer/title-footer.js', async: true, callback: function() { 
              title_footer.initialize(null, 'rgba(0,0,0,0)');
            } },
          { src: '../lib/reveal.js-menu//menu.js', async: true }
        ]
      });
    </script>
    </body>
</html>
